<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>Sếp thành hình hoàn chỉnh nhé.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="../../themes/custom-theme/jquery-ui-1.8.11.custom.css">
    <link rel="stylesheet" href="../game.css">
    <script type="text/javascript"  src="../../jquery-1.4.4.js"></script>
    <script type="text/javascript"  src="../../jquery.livequery.js"></script>
    <script type="text/javascript"  src="../../swap.jquery.js"></script>
    <script type="text/javascript"  src="../../jquery-ui-1.8.10.custom.js"></script>
    <script type="text/javascript"  src="../js.js"></script>
    <script type="text/javascript"  src="config.js"></script>
    <style type="text/css" >
        body { padding: 0; margin: 0; }
        .content { width: 730px; padding: 0; }
        .content-top { padding: 0;  border: 1px solid #ddd; height: 522px; }
        #sortable1, #sortable2, #sortable3 {
            list-style-type: none;
            margin: 0;
            padding: 0;
            display: inline-block;
            float: left;
        }
        #sortable1 li, #sortable2 li, #sortable3 li {            
            width: 180px;
            height: 50px;
            display: inline-block;
            font-size: 4em;
            text-align: center;
            border: 1px solid #ddd;
            background-color: #ff0000;
        }
        #sortable1, #sortable3 { width: 180px; }
        #sortable2 { width: 364px; cursor: pointer; }
        .example { position: absolute; top: 0px; left: 0px; }
    </style>
</head>
<body>
    <div class="content">
        <div class="content-top clearfix">
            <ul id="sortable1" class="clearfix"></ul>
            <ul id="sortable2" class="clearfix"></ul>
            <ul id="sortable3" class="clearfix"></ul>
        </div>        
        <div class="submit"><input type="button" value="Hoàn Tất" id="submit" class="ui-button ui-widget ui-corner-all ui-button-text-only"></div>
    </div>
    <!--
    <div class="example">
        <a href="#THIS" id="clickexampleshow">HƯỚNG DẪN</a> |
        <a href="#THIS" id="clickexamplehide">ĐÓNG</a>
        <div id="example" style="display: none;">
            <img src="image.jpg" width="200" />
        </div>
    </div>
    -->
    <span id="NumberChoose" style="display:none;">-1</span>
    <div class="gamedialog" title="Study Game">Chúc bạn có những giây phút vui vẻ thoải mái.</div>
    <div class="dialogNoteS hide" title="Study Game">Yeah. Chúc mừng bạn đã sắp xếp thành công. Click Ok để sang level mới nhé :)</div>
    <div class="dialogNoteE hide" title="Study Game">Oh Oh. Bạn sắp xếp chưa chính xác đâu. Làm lại nhé. Chúc thành công.</div>
</body>
</html>
